<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试JQ语法</title>
    <script src="../jquery-1.8.3.min.js"></script>
</head>
<script>
    // function fun(){
    // var a =document.getElementsByTagName("p");
    // //按照标签名字获取元素
    //     a[0].innerHTML="测试JQ";
    //     //修改元素
    //
    //     $("p").hide();
    //     //隐藏元素
    //     $("p").text("输入23333");
    // }
    //修改  h1的内容使用DOM进行更改
    // 2.解决方法：写方案+使用文档就绪函数(先导入jq)
    //$(选择器).事件
    // $(document).ready(function () {
    //     var a = document.getElementsByTagName("h1");
    //     alert(a.innerHTML);
    // });
    //文档就需事件
    $(("#d1").click(function () {
        //练习1.点击id=d1,隐藏id=p1的数值
        $("#p1").hide();
    })

</script>
<body>
<h1>我是H1</h1>
<!--<script>-->
<!--    var a = document.getElementsByTagName("h1")-->
<!--</script>-->
</body>
</html>